Adwaita: rely on background-image for paned wide separators

this workaround fixes the rendering issue coming out using borders

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 75d74b08b3ba0352e9b125a49c2deb169efafbca..6d1c1fc5bda59cc2037261a9c7d6884390629a44 100644 (file)
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -3061,9 +3061,9 @@ paned {
       padding: 0;
       min-width: 5px;
       min-height: 5px;
-      background-image: none;
-      border: 1px solid $borders_color;
-      &:backdrop { border-color: $backdrop_borders_color; }
+      background-image: linear-gradient(to top, $borders_color), linear-gradient(to top, $borders_color);
+      background-size: 1px 1px, 1px 1px;
+      &:backdrop { background-image: linear-gradient(to top, $backdrop_borders_color), linear-gradient(to top, $backdrop_borders_color); }
     }
   }
 
@@ -3081,8 +3081,8 @@ paned {
     }
 
     &.wide {
-      border-top-style: none;
-      border-bottom-style: none;
+      background-repeat: repeat-y, repeat-y;
+      background-position: left, right;
     }
   }
 
@@ -3093,8 +3093,8 @@ paned {
     background-position: top;
 
     &.wide {
-      border-left-style: none;
-      border-right-style: none;
+      background-repeat: repeat-x, repeat-x;
+      background-position: bottom, top;
     }
   }
 }

diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 5c288383db4f10f0e9ba1afc922b4ea4d23aac33..b971118ad05c81252888226f5c3dd0e1af774673 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -4210,10 +4210,10 @@ paned > separator {
     padding: 0;
     min-width: 5px;
     min-height: 5px;
-    background-image: none;
-    border: 1px solid #1c1f1f; }
+    background-image: linear-gradient(to top, #1c1f1f), linear-gradient(to top, #1c1f1f);
+    background-size: 1px 1px, 1px 1px; }
     paned > separator.wide:backdrop {
-      border-color: #1f2222; }
+      background-image: linear-gradient(to top, #1f2222), linear-gradient(to top, #1f2222); }
 paned.horizontal > separator {
   background-repeat: repeat-y; }
   paned.horizontal > separator:dir(ltr) {
@@ -4225,16 +4225,16 @@ paned.horizontal > separator {
     padding: 0 0 0 8px;
     background-position: right; }
   paned.horizontal > separator.wide {
-    border-top-style: none;
-    border-bottom-style: none; }
+    background-repeat: repeat-y, repeat-y;
+    background-position: left, right; }
 paned.vertical > separator {
   margin: 0 0 -8px 0;
   padding: 0 0 8px 0;
   background-repeat: repeat-x;
   background-position: top; }
   paned.vertical > separator.wide {
-    border-left-style: none;
-    border-right-style: none; }
+    background-repeat: repeat-x, repeat-x;
+    background-position: bottom, top; }
 
 /**************
  * GtkInfoBar *

diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 373a2a5b70b45ae3bf35b6f7ae4ab1859eef6e9a..f16d320abb6bf48f47f792d031a6ca17017bb05b 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -4386,10 +4386,10 @@ paned > separator {
     padding: 0;
     min-width: 5px;
     min-height: 5px;
-    background-image: none;
-    border: 1px solid #9d9d99; }
+    background-image: linear-gradient(to top, #9d9d99), linear-gradient(to top, #9d9d99);
+    background-size: 1px 1px, 1px 1px; }
     paned > separator.wide:backdrop {
-      border-color: #a5a5a1; }
+      background-image: linear-gradient(to top, #a5a5a1), linear-gradient(to top, #a5a5a1); }
 paned.horizontal > separator {
   background-repeat: repeat-y; }
   paned.horizontal > separator:dir(ltr) {
@@ -4401,16 +4401,16 @@ paned.horizontal > separator {
     padding: 0 0 0 8px;
     background-position: right; }
   paned.horizontal > separator.wide {
-    border-top-style: none;
-    border-bottom-style: none; }
+    background-repeat: repeat-y, repeat-y;
+    background-position: left, right; }
 paned.vertical > separator {
   margin: 0 0 -8px 0;
   padding: 0 0 8px 0;
   background-repeat: repeat-x;
   background-position: top; }
   paned.vertical > separator.wide {
-    border-left-style: none;
-    border-right-style: none; }
+    background-repeat: repeat-x, repeat-x;
+    background-position: bottom, top; }
 
 /**************
  * GtkInfoBar *